// 导入vue-router库中的createRouter和createWebHistory函数
import { createRouter, createWebHistory } from 'vue-router';
// 导入Login组件
import Login from '../components/Login.vue';
import Home from '@/components/Home.vue'

// 创建一个Vue Router实例
const router = createRouter({
  // 使用基于web的历史记录的导航方式
  history: createWebHistory(),
  // 定义路由规则
  routes: [
    // 当访问根路径时，重定向到/login
    { path: '/', redirect: '/login' },
    // 当访问/login路径时，加载Login组件
    { path: '/login', component: Login },
    { path: '/home', component: Home}
  ]
});

router.beforeEach((to,form,next) =>{
//   to 表示要进入的目标路由对象
//   form 表示离开的路由对象
//   next 表示放行函数
  if(to.path == '/login') return next()
  // 获取token
  const token = window.sessionStorage.getItem('token')
  // 如果没有token，则强制跳转到登录页面
  if(!token) return next('/login')
  next()
})

// 导出router实例供其他文件使用
export default router;

